.goodsdetail {
    background-color: RGB(248, 248, 248);
    padding-bottom: 120px;
    .my-swipe {
        img {
            width: 100%;
            height: 691px;
        }
    }

    

    .seller-commit {
        display: flex;
        justify-content: space-around;
        align-items: center;
        background: #434343;
        height: 100px;

        .commitbox {
            display: flex;
            justify-content: space-between;
            align-items: center;

            .circle {
                width: 5px;
                height: 5px;
                border-radius: 50%;
                border: 3px solid rgba(183, 166, 115, 1);
                margin-right: 14px;
            }

            .commit {
                font-family: PingFangSC-Regular;
                font-size: 24px;
                color: #FFFFFF;
                letter-spacing: 0;
                font-weight: 400;
            }
        }

    }

    .goods-detail {
        height: 290px;
        margin: 20px 20px 0 20px;
        padding: 34px 35px 0 35px;
        text-align: left;
        background-color: #fff;

        .detail-name {
            font-size: 38px;
            color: #333;
        }

        .detail-brief {
            font-size: 26px;
            color: #666;
            margin-top: 7px;
        }

        .detail-price {
            font-size: 34px;
            color: #9E4242;
            margin-top: 12px;
        }

        .buy {
            height: 85px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-top: 46px;
            border-top: 1px solid rgba(234, 234, 234, 1);

            p {
                font-size: 26px;
                color: #333;
            }

            img {
                width: 30px;
            }
        }
    }

    .attribute {
        margin: 20px 20px 0 20px;
        padding: 0 34px 47px 34px;
        background-color: #fff;
        overflow: hidden;
        .attribute-title {
            margin-top: 40px;
            margin-bottom: 36px;
            font-size: 38px;
            color: #333;
        }

        .attribute-content {
            
            display: flex;
            flex-wrap: wrap;
            align-content: center;
            justify-content: space-between;

            .attribute-item {
                width: 100%;
                display: flex;
                justify-content: space-between;
                align-content: center;
                font-size: 26px;
                margin-top: 34px;
                margin-bottom: 10px;
                .item-name {
                    color: #666;
                    line-height: 66px;
                }

                .item-value {
                    width: 430px;
                    height: 66px;
                    color: #333;
                    background: #F8F8F8;
                    border: 1px solid rgba(223, 223, 223, 1);
                    line-height: 66px;
                    text-align: left;
                    padding-left: 77px;
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                }
            }
        }
    }

    .primary_pic_url{
        height: 338px;
        width: 100%;
    }

    .question{
        background-color: #fff;
        margin-top: 20px;
        padding: 0 38px;
        overflow: hidden;
        .question-title{
            font-size: 38px;
            color: #333;
            margin-top: 40px;
            margin-bottom: 36px;
        }
        .question-content{
            text-align: left;
            .content-item{
                margin-top: 40px;
                margin-left: 38px;
                .item-question{
                    font-size: 30px;
                    color: #333;
                    position: relative;
                    span{
                        display: block;
                        width: 9px;
                        height: 9px;
                        background: #9E4242;
                        border-radius: 50%;
                        position: absolute;
                        top: 15px;
                        left: -20px;
                    }
                }
                .item-answer{
                    margin-top: 15px;
                    font-size: 26px;
                    color: #666;
                    
                }
            }
        }
    }

    .category-list {
        margin-top: 61px;
        padding: 0 19px;

        .category-item {

            .item-title {
                font-size: 38px;

            }

            .item-flex {
                margin-top: 36px;
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                gap: 44px 10px;

                .item {
                    width: 350px;
                    display: flex;
                    flex-direction: column;
                    text-align: left;
                    img {
                        width: 350px;
                        height: 350px;
                        background-color: #fff;
                    }

                    .item-name {
                        font-size: 26px;
                        color: #333;
                        margin-top: 17px;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                    }

                    .item-price {
                        font-size: 26px;
                        color: #9E4242;
                        margin-top: 5px;
                    }
                }

            }
        }
    }

    .goods-action{
        height: 130px;
        z-index: 9999;
        display: flex;
        justify-content: space-around;
        align-items: center;
        border-top: 1px solid rgba(233,233,233,1);
        .icon-wrapper{
            display: flex;
            justify-content: space-around;
            align-items: center;
        }
        .btn-container{
            width: 50%;
            
            display: flex;
            justify-content: space-around;
            align-items: center;
            .btn{
                height: 72px;
            }
        }
    }

    .choose-quantity-wrapper{
        width: 628px;
        height: 196px;
        padding: 72px 61px;
        display: flex;
        justify-content: start;
        align-items: center;
        margin-bottom: 130px;
        // position: relative;
        overflow-y: hidden;
        img{
            width: 196px;
            margin-right: 66px;
        }
        .quantity-info{
            text-align: left;
            font-size: 30px;
            color: #333;
            p{
                margin-bottom: 32px;
                span{
                    color: #9E4242;
                }
            }
        }
        .chooseback{
            position: absolute;
            right: 36px;
            top: 23px;
            width: 26px;
            height: 26px;
        }
    }

}